<!--#layout("/common/layout.html",{"jsBase":"/js/trans/finTransaction/"}){ -->
<style type="text/css">
    .layui-table-cell {
        height: auto;
        line-height: 28px;
    }

</style>

<div class="layui-row" >
    <form id="searchForm" class="layui-form layui-form-pane">
        <br/>
        <input type="hidden" name="channelCode" value="${channelCode}" >
        <input type="hidden" name="comefrom" value="${comefrom}" >
        <input type="hidden" name="transactionIds" value="${transactionId}" >
        <div class="layui-row">
            <div class="layui-form-item">
                <div class="layui-inline">

                    <label class="layui-form-label">订单号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="orderNo" autocomplete="off" class="layui-input">
                    </div>

                    <label class="layui-form-label">手机号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="phone" autocomplete="off" class="layui-input">
                    </div>

                    <label class="layui-form-label">状态</label>
                    <div class="layui-input-inline">
                        <layui:simpleDictSelect style='layui-input-inline' type="PAY_FLAG" layVerify=""
                                                id="payFlag" name="payFlag" value="" />
                    </div>

                </div>

                <div class="layui-inline show-div">
                    <label class="layui-form-label">支付类型</label>
                    <div class="layui-input-inline">
                        <select  class="select" name="payType" id="refundStatus"  promtion="请选择" >
                            <option value="">请选择</option>
                            <option value="1">微信支付</option>
                            <option value="2">支付宝支付</option>
                            <option value="3">抽奖赠送</option>
                            <option value="41">百度小程序</option>
                            <option value="51">头条小程序</option>
                        </select>
                    </div>
                    <label class="layui-form-label">交易流水号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="transactionId" autocomplete="off" class="layui-input">
                    </div>

                    <label class="layui-form-label">省份</label>
                    <div class="layui-input-inline">
                        <layui:simpleDataSelect name="provinceId" value="" data="${provinceList}"
                                                attrId="provId" attrName="provName" layFilter="colFilter" id="provinceId"  laySearch="true"/>
                    </div>

                </div>
                <div class="layui-inline show-div">
                    <label class="layui-form-label">渠道</label>
                    <div class="layui-input-inline">
                        <layui:simpleDataSelect name="channel" value="" data="${channelList}"
                                                attrId="channelCode" attrName="channelName" laySearch="true"/>
                    </div>

                    <label class="layui-form-label">第三方单号</label>
                    <div class="layui-input-inline">
                        <input type="text" name="tradeNo" autocomplete="off" class="layui-input">
                    </div>

                    <label class="layui-form-label">下单时间</label>
                    <div class="layui-input-inline">
                        <div class="date-range-pick">
                            <input type="text" name="createTimeQuery" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-inline show-div">
                    <label class="layui-form-label">百度订单</label>
                    <div class="layui-input-inline">
                        <input type="text" name="bdOrder" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn layui-btn-normal" type="button" id="searchFormSearch">搜索</button>
                    <button class="layui-btn" type="button" id="clear">清空</button>
                    <button class="layui-btn layui-btn-primary" type="button" id="show">展开</button>
                </div>

            </div>
</div>
    </form>
</div>

<div class="layui-btn-group">
    <layui:accessButton function="trans.finTransaction.virtual.refund" action="refund">申请退款</layui:accessButton>
    <layui:accessButton function="trans.finTransaction.virtual.payFlag" action="payFlag">设置已支付</layui:accessButton>
</div>

<table id="orderTable" lay-filter="orderTable">


<!--<table lay-filter="finTransactionTable" lay-data="{height:315, url:'${ctxPath}/trans/finTransaction/list.json', page:true, id:'finTransactionTable'}">-->



</table>
<!--#} -->
<script>
    layui.use(['virtual'], function () {
        var virtual = layui.virtual;
        var flag = false;
        $(".show-div").hide();
        $("#clear").hide();
        $("#show").click(function(){
            if(flag){
                flag = false;
                $(".show-div").hide();
                $("#clear").hide();
                $("#show").text('展开');
            }else{
                flag = true;
                $("#searchForm")[0].reset();
                $(".show-div").show();
                $("#clear").show();
                $("#show").text('收起');
            }
        });
        $("#clear").click(function(){
            $("#searchForm")[0].reset();
        });
        virtual.init();
    });

</script>
